<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>首页</title>
    <link rel="stylesheet" href="../styles/reset.css">
    <link rel="stylesheet" href="../styles/index.css">
    <link rel="stylesheet" href="../font/iconfont.css">
    <script src="../js/index.js" type="module"></script>
    <link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css">
</head>

<body>
    <div class="header">
        <div class="topnav">
            <div class="containter clearfix">
                <p class="fl">
                    <em><span>喵</span>，欢迎来天猫</em>
                    <a class="p-login" href="./login.html">请登录</a>
                    <a href="./register.html">免费注册</a>
                </p>

                <ul class="fr">
                    <li class="item-b">
                        <a href="javascript:;">我的淘宝
                            <b></b>
                        </a>
                        <div class="sub1">
                            <a href="javascript:;">已买到的宝贝</a>
                            <a href="javascript:;">已卖出的宝贝</a>
                        </div>
                    </li>
                    <li>
                        <a href="./shopCar.html">
                            <i class="iconfont icon-gouwuche
                            "></i>购物车
                        </a>
                    </li>
                    <li class="item-b">
                        <a href="javascript:;">收藏夹
                            <b></b>
                        </a>
                        <div class="sub1 sub2">
                            <a href="javascript:;">收藏的宝贝</a>
                            <a href="javascript:;">收藏的店铺</a>

                        </div>
                    </li>
                    <li class="line"></li>
                    <li class="phone">
                        <a href="javascript:;">
                            <i class="iconfont icon-shouji"></i>手机版
                        </a>
                        <div class="sub-img">
                            <img src="../img/qrcode.png" alt="">
                            <img src="../img/qrcode2.jpg" alt="">
                            <b></b>
                        </div>
                    </li>
                    <li>
                        <a href="javascript:;">淘宝网</a>
                    </li>
                    <li class="item-b">
                        <a href="javascript:;">商家支持
                            <b></b>
                        </a>
                        <div class="sub1 sub3">
                            <ul>
                                <li>
                                    <h3>商家</h3>
                                    <a href="javascript:;" class="itema">商家中心</a>
                                    <a href="javascript:;">天猫规则</a>
                                    <a href="javascript:;" class="itema">商家入驻</a>
                                    <a href="javascript:;">运营服务</a>
                                    <a href="javascript:;" class="itema">商家品控</a>
                                    <a href="javascript:;">商家工具</a>
                                    <a href="javascript:;" class="itema">天猫智库</a>
                                    <a href="javascript:;">喵言喵语</a>
                                </li>
                                <li>
                                    <h3>帮助</h3>
                                    <div>
                                        <a href="javascript:;">商家服务大厅</a>
                                    </div>
                                    <div>
                                        <a href="javascript:;">问商友</a>
                                    </div>
                                </li>
                            </ul>

                        </div>
                    </li>
                    <li class="item-b site">
                        <div class="item">
                            <i class="iconfont icon-wangzhandaohang
                            "></i>
                            网站导航
                            <b></b>
                        </div>
                        <div class="sub1 sub4 clearfix">
                            <dl class="part1">
                                <dt>热点推荐Hot</dt>
                                <dd>
                                    <a href="javascript:;">天猫超市</a>
                                </dd>
                                <dd>
                                    <a href="javascript:;">喵鲜生</a>
                                </dd>
                                <dd>
                                    <a href="javascript:;">科技新品
                                        <i class="nav-icon new"></i>
                                    </a>

                                </dd>
                                <dd>
                                    <a href="javascript:;">女装新品
                                        <i class="nav-icon hot"></i>
                                    </a>
                                </dd>
                                <dd>
                                    <a href="javascript:;">酷玩街</a>
                                </dd>
                                <dd>
                                    <a href="javascript:;">内衣新品
                                        <i class="nav-icon new"></i>
                                    </a>
                                </dd>
                                <dd>
                                    <a href="javascript:;">试美妆
                                        <i class="nav-icon"></i>
                                    </a>
                                </dd>
                                <dd>
                                    <a href="javascript:;">运动新品</a>
                                </dd>
                                <dd>
                                    <a href="javascript:;">时尚先生
                                        <i class="nav-icon hot"></i>
                                    </a>
                                </dd>
                                <dd>
                                    <a href="javascript:;">精明妈咪
                                        <i class="nav-icon new"></i>
                                    </a>
                                </dd>
                                <dd>
                                    <a href="javascript:;">吃乐会</a>
                                </dd>
                                <dd>
                                    <a href="javascript:;">企业采购</a>
                                </dd>
                                <dd>
                                    <a href="javascript:;">会员积分</a>
                                </dd>
                                <dd>
                                    <a href="javascript:;">天猫国际</a>
                                </dd>
                                <dd>
                                    <a href="javascript:;">品质频道
                                        <i class="nav-icon hot"></i>
                                    </a>
                                </dd>
                            </dl>
                            <dl class="part2">
                                <dt>行业市场Market</dt>
                                <dd>
                                    <a href="javascript:;">美妆
                                        <i class="nav-icon hot"></i>
                                    </a>
                                </dd>
                                <dd>
                                    <a href="javascript:;">电器</a>
                                </dd>
                                <dd>
                                    <a href="javascript:;">女装</a>
                                </dd>
                                <dd>
                                    <a href="javascript:;">男装</a>
                                </dd>
                                <dd>
                                    <a href="javascript:;">女鞋
                                        <i class="nav-icon new"></i>
                                    </a>
                                </dd>
                                <dd>
                                    <a href="javascript:;">男鞋</a>
                                </dd>
                                <dd>
                                    <a href="javascript:;">内衣</a>
                                </dd>
                                <dd>
                                    <a href="javascript:;">箱包
                                        <i class="nav-icon hot"></i>
                                    </a>
                                </dd>
                                <dd>
                                    <a href="javascript:;">运动</a>
                                </dd>
                                <dd>
                                    <a href="javascript:;">母婴
                                        <i class="nav-icon hot"></i>
                                    </a>
                                </dd>
                                <dd>
                                    <a href="javascript:;">家装</a>
                                </dd>
                                <dd>
                                    <a href="javascript:;">医药
                                        <i class="nav-icon hot"></i>
                                    </a>
                                </dd>
                                <dd>
                                    <a href="javascript:;">食品
                                        <i class="nav-icon new"></i>
                                    </a>
                                </dd>
                                <dd>
                                    <a href="javascript:;">配饰</a>
                                </dd>
                                <dd>
                                    <a href="javascript:;">汽车</a>
                                </dd>
                            </dl>
                            <dl class="part3">
                                <dt>服务指南Help</dt>
                                <dd>
                                    <a href="javascript:;">帮助中心</a>
                                </dd>
                                <dd>
                                    <a href="javascript:;">品质保障</a>
                                </dd>
                                <dd>
                                    <a href="javascript:;">特色服务</a>
                                </dd>
                                <dd>
                                    <a href="javascript:;">7天退换货</a>
                                </dd>
                            </dl>
                        </div>
                    </li>
                </ul>
            </div>
        </div>

        <div class="seach">
            <div class="containter clearfix">
                <div class="seach-img">
                    <img src="../img/logo.gif" alt="">
                </div>
                <form action="get">
                    <input type="text" placeholder="搜索 天猫 商品/品牌/店铺">
                    <button>搜索</button>
                </form>
            </div>
        </div>
        <!-- 滑动到一定距离出现 搜索及侧边导航 -->
        <div class="page-topnav seach">
            <div class="containter clearfix">
                <div class="fl left-box">
                    <i class="iconfont">&#xe7c5;</i>
                </div>
                <div class="fl right-box">
                    <form action="get">
                        <input type="text" placeholder="搜索 天猫 商品/品牌/店铺">
                        <button>搜索</button>
                    </form>
                </div>
            </div>
        </div>
    </div>

    <!-- main -->
    <div class="main">
        <div class="main-nav containter">
            <em>
                <i class="iconfont">&#xe626;</i>
                商品分类
            </em>
            <a href="javascript:;">
                <img src="../img/nav-1.png" alt="">
            </a>
            <a href="javascript:;">
                <img src="../img/nav-2.png" alt="">
            </a>
            <a href="javascript:;">天猫会员</a>
            <a href="javascript:;">喵鲜生</a>
            <a href="javascript:;">医药馆</a>
            <a href="javascript:;">魅力惠</a>
            <a href="javascript:;">飞猪旅行</a>
            <a href="javascript:;">苏宁易购</a>
            <a href="javascript:;">天猫内容</a>
        </div>
        <!-- Swiper -->
        <div class="swiper-container">
            <div class="swiper-wrapper banner">
                <div class="swiper-slide banner-slide slide1">
                    <img src="../img/banner-1.jpg" alt="">
                    <div class="frimg">
                        <a href="javascript:;">
                            <img src="../img/bannerSide1.webp" alt="">
                        </a>
                        <a href="javascript:;">
                            <img src="../img/bannerSide2.webp" alt="">
                        </a>
                    </div>
                </div>
                <div class="swiper-slide banner-slide slide2">
                    <img src="../img/banner-2.webp" alt="">
                </div>
                <div class="swiper-slide banner-slide slide3">
                    <img src="../img/banner-3.webp" alt="">
                </div>
                <div class="swiper-slide banner-slide slide4">
                    <img src="../img/banner-4.jpg" alt="">
                </div>
                <div class="swiper-slide banner-slide slide5">
                    <img src="../img/banner-5.webp" alt="">
                </div>
            </div>
            <!-- Add Pagination -->
            <div class="swiper-pagination"></div>
        </div>

        <!-- 左边导航 -->
        <ul class="leftnav">
            <li>
                <i class="iconfont">&#xe604;</i>
                <a href="javascript:;">女装</a>
                /
                <a href="javascript:;">内衣</a>
                <div class="leftnav-subnav">
                    <div class="hot-word">
                        <div class="hot-word-line clearfix">
                            <div class="line-title">
                                <span>当季流行</span>
                                <i>></i>
                            </div>
                            <div class="line-body">
                                <a href="javascript:;" class="active1">女装新品</a>
                                <a href="javascript:;">商场同款</a>
                                <a href="javascript:;">仙女连衣裙</a>
                                <a href="javascript:;">T桖</a>
                                <a href="javascript:;" class="active1">衬衫</a>
                                <a href="javascript:;">时髦外套</a>
                                <a href="javascript:;">休闲裤</a>
                                <a href="javascript:;">牛仔裤</a>
                                <a href="javascript:;" class="active1">无痕文胸</a>
                                <a href="javascript:;" class="active1">运动文胸</a>
                                <a href="javascript:;">潮流家居服</a>
                                <a href="javascript:;" class="active1">百搭船袜</a>
                            </div>
                        </div>
                        <div class="hot-word-line clearfix">
                            <div class="line-title">
                                <span>精选上装</span>
                                <i>></i>
                            </div>
                            <div class="line-body">
                                <a href="javascript:;" class="active1">毛呢外套</a>
                                <a href="javascript:;">羽绒服</a>
                                <a href="javascript:;">棉服</a>
                                <a href="javascript:;" class="active1">丝绒卫衣</a>
                                <a href="javascript:;">毛针织衫</a>
                                <a href="javascript:;">时髦外套</a>
                                <a href="javascript:;">皮毛一体</a>
                                <a href="javascript:;">皮草</a>
                                <a href="javascript:;">毛衣</a>
                                <a href="javascript:;">衬衫</a>
                                <a href="javascript:;" class="active1">卫衣</a>
                                <a href="javascript:;" class="active1">针织衫</a>
                                <a href="javascript:;">T恤</a>
                                <a href="javascript:;" class="active1">短外套</a>
                                <a href="javascript:;">小西装</a>
                                <a href="javascript:;" class="active1">风衣</a>
                            </div>
                        </div>
                        <div class="hot-word-line clearfix">
                            <div class="line-title">
                                <span>浪漫裙装</span>
                                <i>></i>
                            </div>
                            <div class="line-body">
                                <a href="javascript:;">连衣裙</a>
                                <a href="javascript:;">半身裙</a>
                                <a href="javascript:;" class="active1">A字裙</a>
                                <a href="javascript:;">荷叶边裙</a>
                                <a href="javascript:;">大摆裙</a>
                                <a href="javascript:;" class="active1">包臀裙</a>
                                <a href="javascript:;">百褶裙</a>
                                <a href="javascript:;">长袖连衣裙</a>
                                <a href="javascript:;" class="active1">棉麻连衣裙</a>
                                <a href="javascript:;">牛仔裙</a>
                                <a href="javascript:;" class="active1">蕾丝连衣裙</a>
                                <a href="javascript:;">真丝连衣裙</a>
                                <a href="javascript:;">印花连衣裙</a>
                            </div>
                        </div>
                        <div class="hot-word-line clearfix">
                            <div class="line-title">
                                <span>女士下装</span>
                                <i>></i>
                            </div>
                            <div class="line-body">
                                <a href="javascript:;" class="active1">休闲裤</a>
                                <a href="javascript:;">阔腿裤</a>
                                <a href="javascript:;">牛仔裤</a>
                                <a href="javascript:;">开叉运动裤</a>
                                <a href="javascript:;">哈伦裤</a>
                                <a href="javascript:;">背带裤</a>
                                <a href="javascript:;">小脚裤</a>
                                <a href="javascript:;" class="active1">西装裤</a>
                                <a href="javascript:;">短裤</a>
                            </div>
                        </div>
                        <div class="hot-word-line clearfix">
                            <div class="line-title">
                                <span>特色女装</span>
                                <i>></i>
                            </div>
                            <div class="line-body">
                                <a href="javascript:;">时尚套装</a>
                                <a href="javascript:;">休闲套装</a>
                                <a href="javascript:;">日系女装</a>
                                <a href="javascript:;">精选妈妈装</a>
                                <a href="javascript:;">大码女装</a>
                                <a href="javascript:;">职业套装</a>
                                <a href="javascript:;">优雅旗袍</a>
                                <a href="javascript:;">精致礼服</a>
                                <a href="javascript:;">婚纱</a>
                                <a href="javascript:;">唐装</a>
                                <a href="javascript:;">小码女装</a>
                            </div>
                        </div>
                        <div class="hot-word-line clearfix">
                            <div class="line-title">
                                <span>文胸塑身</span>
                                <i>></i>
                            </div>
                            <div class="line-body">
                                <a href="javascript:;">光面文胸</a>
                                <a href="javascript:;">运动文胸</a>
                                <a href="javascript:;">美背文胸</a>
                                <a href="javascript:;">聚拢文胸</a>
                                <a href="javascript:;">大杯文胸</a>
                                <a href="javascript:;">轻薄塑身</a>
                            </div>
                        </div>
                        <div class="hot-word-line clearfix">
                            <div class="line-title">
                                <span>家居服</span>
                                <i>></i>
                            </div>
                            <div class="line-body">
                                <a href="javascript:;">春夏家居服</a>
                                <a href="javascript:;" class="active1">纯棉家居服</a>
                                <a href="javascript:;">莫代尔家居服</a>
                                <a href="javascript:;">真丝家居服</a>
                                <a href="javascript:;" class="active1">春夏睡裙</a>
                                <a href="javascript:;">男士家居服</a>
                                <a href="javascript:;">情侣家居服</a>
                                <a href="javascript:;">性感睡裙</a>
                            </div>
                        </div>
                        <div class="hot-word-line clearfix">
                            <div class="line-title">
                                <span>内裤背心</span>
                                <i>></i>
                            </div>
                            <div class="line-body">
                                <a href="javascript:;">男士内裤</a>
                                <a href="javascript:;">女式内裤</a>
                                <a href="javascript:;">男士内裤多条装</a>
                                <a href="javascript:;">女士内裤多条装</a>
                                <a href="javascript:;">莫代尔内裤</a>
                                <a href="javascript:;">吊带</a>
                                <a href="javascript:;">背心</a>
                            </div>
                        </div>
                    </div>
                    <div class="line-right"></div>
                </div>
            </li>
            <li>
                <i class="iconfont">&#xe606;</i>
                <a href="javascript:;">男装</a>
                /
                <a href="javascript:;">运动户外</a>
                <div class="leftnav-subnav">
                    <div class="hot-word">
                        <div class="hot-word-line clearfix">
                            <div class="line-title">
                                <span>当季流行</span>
                                <i>></i>
                            </div>
                            <div class="line-body">
                                <a href="javascript:;">当季新品</a>
                                <a href="javascript:;">商场同款</a>
                                <a href="javascript:;">羽绒服</a>
                                <a href="javascript:;" class="active2">潮流卫衣</a>
                                <a href="javascript:;" class="active2">牛仔衬衫</a>
                                <a href="javascript:;">修身夹克</a>
                                <a href="javascript:;">保暖棉服</a>
                                <a href="javascript:;">温暖的针织衫</a>
                                <a href="javascript:;">修身西服</a>
                                <a href="javascript:;">秋冬风衣</a>
                                <a href="javascript:;">束脚裤</a>
                                <a href="javascript:;">破洞牛仔裤</a>
                                <a href="javascript:;">跑步鞋</a>
                                <a href="javascript:;">休闲鞋</a>
                                <a href="javascript:;" class="active2">篮球鞋</a>
                                <a href="javascript:;">自行车</a>
                                <a href="javascript:;">平衡车</a>
                                <a href="javascript:;">帆布鞋</a>
                                <a href="javascript:;" class="active2">运动套装</a>
                                <a href="javascript:;">运动卫衣</a>
                                <a href="javascript:;">鱼竿</a>
                                <a href="javascript:;">冲锋衣</a>
                                <a href="javascript:;" class="active2">跑步机</a>
                                <a href="javascript:;">电动车</a>
                            </div>
                        </div>
                        <div class="hot-word-line clearfix">
                            <div class="line-title">
                                <span>男士外套</span>
                                <i>></i>
                            </div>
                            <div class="line-body">
                                <a href="javascript:;" class="active2">夹克</a>
                                <a href="javascript:;">单西</a>
                                <a href="javascript:;" class="active2">棒球服</a>
                                <a href="javascript:;">棉衣</a>
                                <a href="javascript:;">毛呢大衣</a>
                                <a href="javascript:;" class="active2">风衣</a>
                                <a href="javascript:;" class="active2">西服套装</a>
                                <a href="javascript:;">羽绒服</a>
                                <a href="javascript:;">皮衣</a>
                                <a href="javascript:;" class="active2">运动服</a>
                                <a href="javascript:;">工装外套</a>
                                <a href="javascript:;" class="active2">针织开衫</a>
                                <a href="javascript:;">马甲</a>
                            </div>
                        </div>
                        <div class="hot-word-line clearfix">
                            <div class="line-title">
                                <span>男士内搭</span>
                                <i>></i>
                            </div>
                            <div class="line-body">
                                <a href="javascript:;">短袖</a>
                                <a href="javascript:;">T恤</a>
                                <a href="javascript:;" class="active2">POLO衫</a>
                                <a href="javascript:;">短袖衬衫</a>
                                <a href="javascript:;">背心</a>
                                <a href="javascript:;" class="active2">卫衣</a>
                                <a href="javascript:;">针织衫/毛衣</a>
                                <a href="javascript:;">长袖衬衫</a>
                                <a href="javascript:;" class="active2">长袖T恤</a>
                            </div>
                        </div>
                        <div class="hot-word-line clearfix">
                            <div class="line-title">
                                <span>男士裤装</span>
                                <i>></i>
                            </div>
                            <div class="line-body">
                                <a href="javascript:;">小脚裤</a>
                                <a href="javascript:;">9分裤</a>
                                <a href="javascript:;">短裤</a>
                                <a href="javascript:;">工装裤</a>
                                <a href="javascript:;" class="active2">休闲裤</a>
                                <a href="javascript:;">牛仔裤</a>
                                <a href="javascript:;">针织裤</a>
                                <a href="javascript:;" class="active2">西裤</a>
                                <a href="javascript:;">运动裤</a>
                            </div>
                        </div>
                        <div class="hot-word-line clearfix">
                            <div class="line-title">
                                <span>特色男装</span>
                                <i>></i>
                            </div>
                            <div class="line-body">
                                <a href="javascript:;">潮牌</a>
                                <a href="javascript:;">中老年加大码</a>
                                <a href="javascript:;">职场精英</a>
                                <a href="javascript:;">中国风</a>
                                <a href="javascript:;">情侣装</a>
                            </div>
                        </div>
                        <div class="hot-word-line clearfix">
                            <div class="line-title">
                                <span>运动鞋</span>
                                <i>></i>
                            </div>
                            <div class="line-body">
                                <a href="javascript:;" class="active2">跑步鞋</a>
                                <a href="javascript:;">运动鞋</a>
                                <a href="javascript:;">板鞋</a>
                                <a href="javascript:;" class="active2">潮鞋</a>
                                <a href="javascript:;">休闲鞋</a>
                                <a href="javascript:;" class="active2">篮球鞋</a>
                                <a href="javascript:;">足球鞋</a>
                            </div>
                        </div>
                        <div class="hot-word-line clearfix">
                            <div class="line-title">
                                <span>运动服</span>
                                <i>></i>
                            </div>
                            <div class="line-body">
                                <a href="javascript:;" class="active2">短袖t恤</a>
                                <a href="javascript:;">运动裤</a>
                                <a href="javascript:;">运动内衣</a>
                                <a href="javascript:;" class="active2">速干t恤</a>
                                <a href="javascript:;">运动Polo</a>
                                <a href="javascript:;">运动卫衣</a>
                                <a href="javascript:;">运动套装</a>
                                <a href="javascript:;">运动短裤</a>
                                <a href="javascript:;">健身服</a>
                                <a href="javascript:;">运动茄克</a>
                            </div>
                        </div>
                        <div class="hot-word-line clearfix">
                            <div class="line-title">
                                <span>户外鞋服</span>
                                <i>></i>
                            </div>
                            <div class="line-body">
                                <a href="javascript:;">冲锋衣</a>
                                <a href="javascript:;">抓绒衣</a>
                                <a href="javascript:;">登山鞋</a>
                                <a href="javascript:;" class="active2">户外休闲衣</a>
                                <a href="javascript:;">军迷钓鱼服</a>
                            </div>
                        </div>
                        <div class="hot-word-line clearfix">
                            <div class="line-title">
                                <span>户外用品</span>
                                <i>></i>
                            </div>
                            <div class="line-body">
                                <a href="javascript:;">钓竿</a>
                                <a href="javascript:;">双肩背包</a>
                                <a href="javascript:;" class="active2">防晒衣</a>
                                <a href="javascript:;">户外包</a>
                                <a href="javascript:;" class="active2">帐篷</a>
                                <a href="javascript:;">手电筒</a>
                                <a href="javascript:;">刀具</a>
                            </div>
                        </div>
                        <div class="hot-word-line clearfix">
                            <div class="line-title">
                                <span>运动用品</span>
                                <i>></i>
                            </div>
                            <div class="line-body">
                                <a href="javascript:;">跑步机</a>
                                <a href="javascript:;" class="active2">瑜伽垫</a>
                                <a href="javascript:;">泳衣</a>
                                <a href="javascript:;" class="active2">瑜伽服</a>
                                <a href="javascript:;">羽毛球拍</a>
                                <a href="javascript:;">自行车</a>
                                <a href="javascript:;">电动车</a>
                                <a href="javascript:;" class="active2">篮球</a>
                                <a href="javascript:;">足球</a>
                                <a href="javascript:;">运动护具</a>
                                <a href="javascript:;" class="active2">健身器械</a>
                                <a href="javascript:;">网球拍</a>
                            </div>
                        </div>
                        <div class="hot-word-line clearfix">
                            <div class="line-title">
                                <span>自行车</span>
                                <i>></i>
                            </div>
                            <div class="line-body">
                                <a href="javascript:;">自行车</a>
                                <a href="javascript:;">山地车</a>
                                <a href="javascript:;">折叠车</a>
                                <a href="javascript:;">平衡车</a>
                                <a href="javascript:;">公路车</a>
                                <a href="javascript:;">骑行服</a>
                                <a href="javascript:;">死飞</a>
                                <a href="javascript:;">头盔</a>
                                <a href="javascript:;"> 自行车锁</a>
                                <a href="javascript:;">自行车灯</a>
                                <a href="javascript:;">骑行眼镜</a>
                                <a href="javascript:;">电动车</a>
                            </div>
                        </div>
                    </div>
                    <div class="line-right"></div>
                </div>
            </li>
            <li>
                <i class="iconfont">&#xe608;</i>
                <a href="javascript:;">女鞋</a>
                /
                <a href="javascript:;">男鞋</a>
                /
                <a href="javascript:;">箱包</a>
                <div class="leftnav-subnav">
                    <div class="hot-word">
                        <div class="hot-word-line clearfix">
                            <div class="line-title">
                                <span>当季流行</span>
                                <i>></i>
                            </div>
                            <div class="line-body">
                                <a href="javascript:;" class="active3">女装新品</a>
                                <a href="javascript:;">商场同款</a>
                                <a href="javascript:;">仙女连衣裙</a>
                                <a href="javascript:;">T桖</a>
                                <a href="javascript:;" class="active3">衬衫</a>
                                <a href="javascript:;">时髦外套</a>
                                <a href="javascript:;">休闲裤</a>
                                <a href="javascript:;">牛仔裤</a>
                                <a href="javascript:;" class="active3">无痕文胸</a>
                                <a href="javascript:;" class="active3">运动文胸</a>
                                <a href="javascript:;">潮流家居服</a>
                                <a href="javascript:;" class="active3">百搭船袜</a>
                            </div>
                        </div>
                        <div class="hot-word-line clearfix">
                            <div class="line-title">
                                <span>精选上装</span>
                                <i>></i>
                            </div>
                            <div class="line-body">
                                <a href="javascript:;" class="active3">毛呢外套</a>
                                <a href="javascript:;">羽绒服</a>
                                <a href="javascript:;">棉服</a>
                                <a href="javascript:;" class="active3">丝绒卫衣</a>
                                <a href="javascript:;">毛针织衫</a>
                                <a href="javascript:;">时髦外套</a>
                                <a href="javascript:;">皮毛一体</a>
                                <a href="javascript:;">皮草</a>
                                <a href="javascript:;">毛衣</a>
                                <a href="javascript:;">衬衫</a>
                                <a href="javascript:;" class="active3">卫衣</a>
                                <a href="javascript:;" class="active3">针织衫</a>
                                <a href="javascript:;">T恤</a>
                                <a href="javascript:;" class="active3">短外套</a>
                                <a href="javascript:;">小西装</a>
                                <a href="javascript:;" class="active3">风衣</a>
                            </div>
                        </div>
                        <div class="hot-word-line clearfix">
                            <div class="line-title">
                                <span>浪漫裙装</span>
                                <i>></i>
                            </div>
                            <div class="line-body">
                                <a href="javascript:;">连衣裙</a>
                                <a href="javascript:;">半身裙</a>
                                <a href="javascript:;" class="active3">A字裙</a>
                                <a href="javascript:;">荷叶边裙</a>
                                <a href="javascript:;">大摆裙</a>
                                <a href="javascript:;" class="active3">包臀裙</a>
                                <a href="javascript:;">百褶裙</a>
                                <a href="javascript:;">长袖连衣裙</a>
                                <a href="javascript:;" class="active3">棉麻连衣裙</a>
                                <a href="javascript:;">牛仔裙</a>
                                <a href="javascript:;" class="active3">蕾丝连衣裙</a>
                                <a href="javascript:;">真丝连衣裙</a>
                                <a href="javascript:;">印花连衣裙</a>
                            </div>
                        </div>
                        <div class="hot-word-line clearfix">
                            <div class="line-title">
                                <span>女士下装</span>
                                <i>></i>
                            </div>
                            <div class="line-body">
                                <a href="javascript:;" class="active3">休闲裤</a>
                                <a href="javascript:;">阔腿裤</a>
                                <a href="javascript:;">牛仔裤</a>
                                <a href="javascript:;">开叉运动裤</a>
                                <a href="javascript:;">哈伦裤</a>
                                <a href="javascript:;">背带裤</a>
                                <a href="javascript:;">小脚裤</a>
                                <a href="javascript:;" class="active3">西装裤</a>
                                <a href="javascript:;">短裤</a>
                            </div>
                        </div>
                        <div class="hot-word-line clearfix">
                            <div class="line-title">
                                <span>特色女装</span>
                                <i>></i>
                            </div>
                            <div class="line-body">
                                <a href="javascript:;">时尚套装</a>
                                <a href="javascript:;">休闲套装</a>
                                <a href="javascript:;">日系女装</a>
                                <a href="javascript:;">精选妈妈装</a>
                                <a href="javascript:;">大码女装</a>
                                <a href="javascript:;">职业套装</a>
                                <a href="javascript:;">优雅旗袍</a>
                                <a href="javascript:;">精致礼服</a>
                                <a href="javascript:;">婚纱</a>
                                <a href="javascript:;">唐装</a>
                                <a href="javascript:;">小码女装</a>
                            </div>
                        </div>
                        <div class="hot-word-line clearfix">
                            <div class="line-title">
                                <span>文胸塑身</span>
                                <i>></i>
                            </div>
                            <div class="line-body">
                                <a href="javascript:;">光面文胸</a>
                                <a href="javascript:;">运动文胸</a>
                                <a href="javascript:;">美背文胸</a>
                                <a href="javascript:;">聚拢文胸</a>
                                <a href="javascript:;">大杯文胸</a>
                                <a href="javascript:;">轻薄塑身</a>
                            </div>
                        </div>
                        <div class="hot-word-line clearfix">
                            <div class="line-title">
                                <span>家居服</span>
                                <i>></i>
                            </div>
                            <div class="line-body">
                                <a href="javascript:;">春夏家居服</a>
                                <a href="javascript:;" class="active3">纯棉家居服</a>
                                <a href="javascript:;">莫代尔家居服</a>
                                <a href="javascript:;">真丝家居服</a>
                                <a href="javascript:;" class="active3">春夏睡裙</a>
                                <a href="javascript:;">男士家居服</a>
                                <a href="javascript:;">情侣家居服</a>
                                <a href="javascript:;">性感睡裙</a>
                            </div>
                        </div>
                        <div class="hot-word-line clearfix">
                            <div class="line-title">
                                <span>内裤背心</span>
                                <i>></i>
                            </div>
                            <div class="line-body">
                                <a href="javascript:;">男士内裤</a>
                                <a href="javascript:;">女式内裤</a>
                                <a href="javascript:;">男士内裤多条装</a>
                                <a href="javascript:;">女士内裤多条装</a>
                                <a href="javascript:;">莫代尔内裤</a>
                                <a href="javascript:;">吊带</a>
                                <a href="javascript:;">背心</a>
                            </div>
                        </div>
                    </div>
                    <div class="line-right"></div>
                </div>
            </li>
            <li>
                <i class="iconfont">&#xe661;</i>
                <a href="javascript:;">美妆</a>
                /
                <a href="javascript:;">个人护理</a>
                <div class="leftnav-subnav">
                    <div class="hot-word">
                        <div class="hot-word-line clearfix">
                            <div class="line-title">
                                <span>当季流行</span>
                                <i>></i>
                            </div>
                            <div class="line-body">
                                <a href="javascript:;" class="active1">女装新品</a>
                                <a href="javascript:;">商场同款</a>
                                <a href="javascript:;">仙女连衣裙</a>
                                <a href="javascript:;">T桖</a>
                                <a href="javascript:;" class="active1">衬衫</a>
                                <a href="javascript:;">时髦外套</a>
                                <a href="javascript:;">休闲裤</a>
                                <a href="javascript:;">牛仔裤</a>
                                <a href="javascript:;" class="active1">无痕文胸</a>
                                <a href="javascript:;" class="active1">运动文胸</a>
                                <a href="javascript:;">潮流家居服</a>
                                <a href="javascript:;" class="active1">百搭船袜</a>
                            </div>
                        </div>
                        <div class="hot-word-line clearfix">
                            <div class="line-title">
                                <span>精选上装</span>
                                <i>></i>
                            </div>
                            <div class="line-body">
                                <a href="javascript:;" class="active1">毛呢外套</a>
                                <a href="javascript:;">羽绒服</a>
                                <a href="javascript:;">棉服</a>
                                <a href="javascript:;" class="active1">丝绒卫衣</a>
                                <a href="javascript:;">毛针织衫</a>
                                <a href="javascript:;">时髦外套</a>
                                <a href="javascript:;">皮毛一体</a>
                                <a href="javascript:;">皮草</a>
                                <a href="javascript:;">毛衣</a>
                                <a href="javascript:;">衬衫</a>
                                <a href="javascript:;" class="active1">卫衣</a>
                                <a href="javascript:;" class="active1">针织衫</a>
                                <a href="javascript:;">T恤</a>
                                <a href="javascript:;" class="active1">短外套</a>
                                <a href="javascript:;">小西装</a>
                                <a href="javascript:;" class="active1">风衣</a>
                            </div>
                        </div>
                        <div class="hot-word-line clearfix">
                            <div class="line-title">
                                <span>浪漫裙装</span>
                                <i>></i>
                            </div>
                            <div class="line-body">
                                <a href="javascript:;">连衣裙</a>
                                <a href="javascript:;">半身裙</a>
                                <a href="javascript:;" class="active1">A字裙</a>
                                <a href="javascript:;">荷叶边裙</a>
                                <a href="javascript:;">大摆裙</a>
                                <a href="javascript:;" class="active1">包臀裙</a>
                                <a href="javascript:;">百褶裙</a>
                                <a href="javascript:;">长袖连衣裙</a>
                                <a href="javascript:;" class="active1">棉麻连衣裙</a>
                                <a href="javascript:;">牛仔裙</a>
                                <a href="javascript:;" class="active1">蕾丝连衣裙</a>
                                <a href="javascript:;">真丝连衣裙</a>
                                <a href="javascript:;">印花连衣裙</a>
                            </div>
                        </div>
                        <div class="hot-word-line clearfix">
                            <div class="line-title">
                                <span>女士下装</span>
                                <i>></i>
                            </div>
                            <div class="line-body">
                                <a href="javascript:;" class="active1">休闲裤</a>
                                <a href="javascript:;">阔腿裤</a>
                                <a href="javascript:;">牛仔裤</a>
                                <a href="javascript:;">开叉运动裤</a>
                                <a href="javascript:;">哈伦裤</a>
                                <a href="javascript:;">背带裤</a>
                                <a href="javascript:;">小脚裤</a>
                                <a href="javascript:;" class="active1">西装裤</a>
                                <a href="javascript:;">短裤</a>
                            </div>
                        </div>
                        <div class="hot-word-line clearfix">
                            <div class="line-title">
                                <span>特色女装</span>
                                <i>></i>
                            </div>
                            <div class="line-body">
                                <a href="javascript:;">时尚套装</a>
                                <a href="javascript:;">休闲套装</a>
                                <a href="javascript:;">日系女装</a>
                                <a href="javascript:;">精选妈妈装</a>
                                <a href="javascript:;">大码女装</a>
                                <a href="javascript:;">职业套装</a>
                                <a href="javascript:;">优雅旗袍</a>
                                <a href="javascript:;">精致礼服</a>
                                <a href="javascript:;">婚纱</a>
                                <a href="javascript:;">唐装</a>
                                <a href="javascript:;">小码女装</a>
                            </div>
                        </div>
                        <div class="hot-word-line clearfix">
                            <div class="line-title">
                                <span>文胸塑身</span>
                                <i>></i>
                            </div>
                            <div class="line-body">
                                <a href="javascript:;">光面文胸</a>
                                <a href="javascript:;">运动文胸</a>
                                <a href="javascript:;">美背文胸</a>
                                <a href="javascript:;">聚拢文胸</a>
                                <a href="javascript:;">大杯文胸</a>
                                <a href="javascript:;">轻薄塑身</a>
                            </div>
                        </div>
                        <div class="hot-word-line clearfix">
                            <div class="line-title">
                                <span>家居服</span>
                                <i>></i>
                            </div>
                            <div class="line-body">
                                <a href="javascript:;">春夏家居服</a>
                                <a href="javascript:;" class="active1">纯棉家居服</a>
                                <a href="javascript:;">莫代尔家居服</a>
                                <a href="javascript:;">真丝家居服</a>
                                <a href="javascript:;" class="active1">春夏睡裙</a>
                                <a href="javascript:;">男士家居服</a>
                                <a href="javascript:;">情侣家居服</a>
                                <a href="javascript:;">性感睡裙</a>
                            </div>
                        </div>
                        <div class="hot-word-line clearfix">
                            <div class="line-title">
                                <span>内裤背心</span>
                                <i>></i>
                            </div>
                            <div class="line-body">
                                <a href="javascript:;">男士内裤</a>
                                <a href="javascript:;">女式内裤</a>
                                <a href="javascript:;">男士内裤多条装</a>
                                <a href="javascript:;">女士内裤多条装</a>
                                <a href="javascript:;">莫代尔内裤</a>
                                <a href="javascript:;">吊带</a>
                                <a href="javascript:;">背心</a>
                            </div>
                        </div>
                    </div>
                    <div class="line-right"></div>
                </div>
            </li>
            <li>
                <i class="iconfont">&#xe607;</i>
                <a href="javascript:;">腕表</a>
                /
                <a href="javascript:;">眼镜</a>
                /
                <a href="javascript:;">珠宝饰品</a>
                <div class="leftnav-subnav">
                    <div class="hot-word">
                        <div class="hot-word-line clearfix">
                            <div class="line-title">
                                <span>当季流行</span>
                                <i>></i>
                            </div>
                            <div class="line-body">
                                <a href="javascript:;">当季新品</a>
                                <a href="javascript:;">商场同款</a>
                                <a href="javascript:;">羽绒服</a>
                                <a href="javascript:;">潮流卫衣</a>
                                <a href="javascript:;" class="active3">牛仔衬衫</a>
                                <a href="javascript:;">修身夹克</a>
                                <a href="javascript:;">保暖棉服</a>
                                <a href="javascript:;">温暖的针织衫</a>
                                <a href="javascript:;">修身西服</a>
                                <a href="javascript:;">秋冬风衣</a>
                                <a href="javascript:;">束脚裤</a>
                                <a href="javascript:;" class="active3">破洞牛仔裤</a>
                                <a href="javascript:;">跑步鞋</a>
                                <a href="javascript:;">休闲鞋</a>
                                <a href="javascript:;">篮球鞋</a>
                                <a href="javascript:;">自行车</a>
                                <a href="javascript:;">平衡车</a>
                                <a href="javascript:;">帆布鞋</a>
                                <a href="javascript:;" class="active3">运动套装</a>
                                <a href="javascript:;">运动卫衣</a>
                                <a href="javascript:;">鱼竿</a>
                                <a href="javascript:;">冲锋衣</a>
                                <a href="javascript:;">跑步机</a>
                                <a href="javascript:;">电动车</a>
                            </div>
                        </div>
                        <div class="hot-word-line clearfix">
                            <div class="line-title">
                                <span>男士外套</span>
                                <i>></i>
                            </div>
                            <div class="line-body">
                                <a href="javascript:;">夹克</a>
                                <a href="javascript:;">单西</a>
                                <a href="javascript:;">棒球服</a>
                                <a href="javascript:;">棉衣</a>
                                <a href="javascript:;">毛呢大衣</a>
                                <a href="javascript:;">风衣</a>
                                <a href="javascript:;" class="active3">西服套装</a>
                                <a href="javascript:;">羽绒服</a>
                                <a href="javascript:;">皮衣</a>
                                <a href="javascript:;">运动服</a>
                                <a href="javascript:;">工装外套</a>
                                <a href="javascript:;" class="active3">针织开衫</a>
                                <a href="javascript:;">马甲</a>
                            </div>
                        </div>
                        <div class="hot-word-line clearfix">
                            <div class="line-title">
                                <span>男士内搭</span>
                                <i>></i>
                            </div>
                            <div class="line-body">
                                <a href="javascript:;">短袖</a>
                                <a href="javascript:;">T恤</a>
                                <a href="javascript:;">POLO衫</a>
                                <a href="javascript:;">短袖衬衫</a>
                                <a href="javascript:;">背心</a>
                                <a href="javascript:;" class="active3">卫衣</a>
                                <a href="javascript:;">针织衫/毛衣</a>
                                <a href="javascript:;">长袖衬衫</a>
                                <a href="javascript:;">长袖T恤</a>
                            </div>
                        </div>
                        <div class="hot-word-line clearfix">
                            <div class="line-title">
                                <span>男士裤装</span>
                                <i>></i>
                            </div>
                            <div class="line-body">
                                <a href="javascript:;">小脚裤</a>
                                <a href="javascript:;">9分裤</a>
                                <a href="javascript:;">短裤</a>
                                <a href="javascript:;">工装裤</a>
                                <a href="javascript:;">休闲裤</a>
                                <a href="javascript:;" class="active3">牛仔裤</a>
                                <a href="javascript:;">针织裤</a>
                                <a href="javascript:;">西裤</a>
                                <a href="javascript:;">运动裤</a>
                            </div>
                        </div>
                        <div class="hot-word-line clearfix">
                            <div class="line-title">
                                <span>特色男装</span>
                                <i>></i>
                            </div>
                            <div class="line-body">
                                <a href="javascript:;" class="active3">潮牌</a>
                                <a href="javascript:;">中老年加大码</a>
                                <a href="javascript:;">职场精英</a>
                                <a href="javascript:;">中国风</a>
                                <a href="javascript:;">情侣装</a>
                            </div>
                        </div>
                        <div class="hot-word-line clearfix">
                            <div class="line-title">
                                <span>运动鞋</span>
                                <i>></i>
                            </div>
                            <div class="line-body">
                                <a href="javascript:;">跑步鞋</a>
                                <a href="javascript:;">运动鞋</a>
                                <a href="javascript:;" class="active3">板鞋</a>
                                <a href="javascript:;">潮鞋</a>
                                <a href="javascript:;">休闲鞋</a>
                                <a href="javascript:;">篮球鞋</a>
                                <a href="javascript:;">足球鞋</a>
                            </div>
                        </div>
                        <div class="hot-word-line clearfix">
                            <div class="line-title">
                                <span>运动服</span>
                                <i>></i>
                            </div>
                            <div class="line-body">
                                <a href="javascript:;">短袖t恤</a>
                                <a href="javascript:;">运动裤</a>
                                <a href="javascript:;">运动内衣</a>
                                <a href="javascript:;">速干t恤</a>
                                <a href="javascript:;">运动Polo</a>
                                <a href="javascript:;">运动卫衣</a>
                                <a href="javascript:;" class="active3">运动套装</a>
                                <a href="javascript:;">运动短裤</a>
                                <a href="javascript:;">健身服</a>
                                <a href="javascript:;">运动茄克</a>
                            </div>
                        </div>
                        <div class="hot-word-line clearfix">
                            <div class="line-title">
                                <span>户外鞋服</span>
                                <i>></i>
                            </div>
                            <div class="line-body">
                                <a href="javascript:;">冲锋衣</a>
                                <a href="javascript:;">抓绒衣</a>
                                <a href="javascript:;">登山鞋</a>
                                <a href="javascript:;" class="active3">户外休闲衣</a>
                                <a href="javascript:;">军迷钓鱼服</a>
                            </div>
                        </div>
                        <div class="hot-word-line clearfix">
                            <div class="line-title">
                                <span>户外用品</span>
                                <i>></i>
                            </div>
                            <div class="line-body">
                                <a href="javascript:;">钓竿</a>
                                <a href="javascript:;" class="active3">双肩背包</a>
                                <a href="javascript:;">防晒衣</a>
                                <a href="javascript:;">户外包</a>
                                <a href="javascript:;">帐篷</a>
                                <a href="javascript:;">手电筒</a>
                                <a href="javascript:;">刀具</a>
                            </div>
                        </div>
                        <div class="hot-word-line clearfix">
                            <div class="line-title">
                                <span>运动用品</span>
                                <i>></i>
                            </div>
                            <div class="line-body">
                                <a href="javascript:;">跑步机</a>
                                <a href="javascript:;">瑜伽垫</a>
                                <a href="javascript:;">泳衣</a>
                                <a href="javascript:;">瑜伽服</a>
                                <a href="javascript:;">羽毛球拍</a>
                                <a href="javascript:;">自行车</a>
                                <a href="javascript:;">电动车</a>
                                <a href="javascript:;" class="active3">篮球</a>
                                <a href="javascript:;">足球</a>
                                <a href="javascript:;">运动护具</a>
                                <a href="javascript:;" class="active3">健身器械</a>
                                <a href="javascript:;">网球拍</a>
                            </div>
                        </div>
                        <div class="hot-word-line clearfix">
                            <div class="line-title">
                                <span>自行车</span>
                                <i>></i>
                            </div>
                            <div class="line-body">
                                <a href="javascript:;">自行车</a>
                                <a href="javascript:;">山地车</a>
                                <a href="javascript:;">折叠车</a>
                                <a href="javascript:;">平衡车</a>
                                <a href="javascript:;">公路车</a>
                                <a href="javascript:;">骑行服</a>
                                <a href="javascript:;">死飞</a>
                                <a href="javascript:;">头盔</a>
                                <a href="javascript:;"> 自行车锁</a>
                                <a href="javascript:;">自行车灯</a>
                                <a href="javascript:;" class="active3">骑行眼镜</a>
                                <a href="javascript:;">电动车</a>
                            </div>
                        </div>
                    </div>
                    <div class="line-right"></div>
                </div>
            </li>
            <li>
                <i class="iconfont">&#xe692;</i>
                <a href="javascript:;">手机</a>
                /
                <a href="javascript:;">眼镜</a>
                /
                <a href="javascript:;">电脑办公</a>
            </li>
            <li>
                <i class="iconfont">&#xe603;</i>
                <a href="javascript:;">母婴玩具</a>
            </li>
            <li>
                <i class="iconfont">&#xe625;</i>
                <a href="javascript:;">零食</a>
                /
                <a href="javascript:;">茶酒</a>
                /
                <a href="javascript:;">进口食品</a>
            </li>
            <li>
                <i class="iconfont">&#xe613;</i>
                <a href="javascript:;">生鲜水果</a>
            </li>
            <li>
                <i class="iconfont">&#xe623;</i>
                <a href="javascript:;">大家电</a>
                /
                <a href="javascript:;">生活家电</a>
            </li>
            <li>
                <i class="iconfont">&#xe602;</i>
                <a href="javascript:;">家具建材</a>
            </li>
            <li>
                <i class="iconfont">&#xe65e;</i>
                <a href="javascript:;">汽车</a>
                /
                <a href="javascript:;">配件</a>
                /
                <a href="javascript:;">用品</a>
            </li>
            <li>
                <i class="iconfont">&#xe60a;</i>
                <a href="javascript:;">家纺</a>
                /
                <a href="javascript:;">家饰</a>
                /
                <a href="javascript:;">鲜花</a>
            </li>
            <li>
                <i class="iconfont">&#xe600;</i>
                <a href="javascript:;">医药保健</a>
            </li>
            <li>
                <i class="iconfont">&#xe61d;</i>
                <a href="javascript:;">厨具</a>
                /
                <a href="javascript:;">收纳</a>
                /
                <a href="javascript:;">宠物</a>
            </li>
            <li>
                <i class="iconfont">&#xe605;</i>
                <a href="javascript:;">图书音像</a>
            </li>
        </ul>

        <!-- 商标 精灵图 -->
        <div class="hotBrand">
            <div class="containter">
                <ul class="brandlist clearfix">
                    <li>
                        <div class="brand-img">
                            <img src="../img/item1.webp" alt="">
                        </div>
                        <a href="javascript:;">
                            <div class="coupon">
                                <span>优惠劵￥550</span>
                            </div>
                            <div class="enter">
                                <span>点击进入</span>
                            </div>
                        </a>
                    </li>
                    <li>
                        <div class="brand-img">
                            <img src="../img/item2.webp" alt="">
                        </div>
                        <a href="javascript:;">
                            <div class="coupon">
                                <span>优惠劵￥550</span>
                            </div>
                            <div class="enter">
                                <span>点击进入</span>
                            </div>
                        </a>
                    </li>
                    <li>
                        <div class="brand-img">
                            <img src="../img/item3.webp" alt="">
                        </div>
                        <a href="javascript:;">
                            <div class="coupon">
                                <span>优惠劵￥550</span>
                            </div>
                            <div class="enter">
                                <span>点击进入</span>
                            </div>
                        </a>
                    </li>
                    <li>
                        <div class="brand-img">
                            <img src="../img/item4.webp" alt="">
                        </div>
                        <a href="javascript:;">
                            <div class="coupon">
                                <span>优惠劵￥550</span>
                            </div>
                            <div class="enter">
                                <span>点击进入</span>
                            </div>
                        </a>
                    </li>
                    <li>
                        <div class="brand-img">
                            <img src="../img/item5.webp" alt="">
                        </div>
                        <a href="javascript:;">
                            <div class="coupon">
                                <span>优惠劵￥550</span>
                            </div>
                            <div class="enter">
                                <span>点击进入</span>
                            </div>
                        </a>
                    </li>
                    <li>
                        <div class="brand-img">
                            <img src="../img/item6.webp" alt="">
                        </div>
                        <a href="javascript:;">
                            <div class="coupon">
                                <span>优惠劵￥550</span>
                            </div>
                            <div class="enter">
                                <span>点击进入</span>
                            </div>
                        </a>
                    </li>
                    <li>
                        <div class="brand-img">
                            <img src="../img/item7.webp" alt="">
                        </div>
                        <a href="javascript:;">
                            <div class="coupon">
                                <span>优惠劵￥550</span>
                            </div>
                            <div class="enter">
                                <span>点击进入</span>
                            </div>
                        </a>
                    </li>
                    <li>
                        <div class="brand-img">
                            <img src="../img/item8.webp" alt="">
                        </div>
                        <a href="javascript:;">
                            <div class="coupon">
                                <span>优惠劵￥550</span>
                            </div>
                            <div class="enter">
                                <span>点击进入</span>
                            </div>
                        </a>
                    </li>
                    <li>
                        <div class="brand-img">
                            <img src="../img/item9.webp" alt="">
                        </div>
                        <a href="javascript:;">
                            <div class="coupon">
                                <span>优惠劵￥550</span>
                            </div>
                            <div class="enter">
                                <span>点击进入</span>
                            </div>
                        </a>
                    </li>
                    <li>
                        <div class="brand-img">
                            <img src="../img/item10.webp" alt="">
                        </div>
                        <a href="javascript:;">
                            <div class="coupon">
                                <span>优惠劵￥550</span>
                            </div>
                            <div class="enter">
                                <span>点击进入</span>
                            </div>
                        </a>
                    </li>
                    <li>
                        <div class="brand-img">
                            <img src="../img/item11.webp" alt="">
                        </div>
                        <a href="javascript:;">
                            <div class="coupon">
                                <span>优惠劵￥550</span>
                            </div>
                            <div class="enter">
                                <span>点击进入</span>
                            </div>
                        </a>
                    </li>
                    <li>
                        <div class="brand-img">
                            <img src="../img/item12.webp" alt="">
                        </div>
                        <a href="javascript:;">
                            <div class="coupon">
                                <span>优惠劵￥550</span>
                            </div>
                            <div class="enter">
                                <span>点击进入</span>
                            </div>
                        </a>
                    </li>
                    <li>
                        <div class="brand-img">
                            <img src="../img/item13.webp" alt="">
                        </div>
                        <a href="javascript:;">
                            <div class="coupon">
                                <span>优惠劵￥550</span>
                            </div>
                            <div class="enter">
                                <span>点击进入</span>
                            </div>
                        </a>
                    </li>
                    <li>
                        <div class="brand-img">
                            <img src="../img/item14.webp" alt="">
                        </div>
                        <a href="javascript:;">
                            <div class="coupon">
                                <span>优惠劵￥550</span>
                            </div>
                            <div class="enter">
                                <span>点击进入</span>
                            </div>
                        </a>
                    </li>
                    <li>
                        <div class="brand-img">
                            <img src="../img/item15.webp" alt="">
                        </div>
                        <a href="javascript:;">
                            <div class="coupon">
                                <span>优惠劵￥550</span>
                            </div>
                            <div class="enter">
                                <span>点击进入</span>
                            </div>
                        </a>
                    </li>
                    <li>
                        <div class="brand-img">
                            <img src="../img/item16.webp" alt="">
                        </div>
                        <a href="javascript:;">
                            <div class="coupon">
                                <span>优惠劵￥550</span>
                            </div>
                            <div class="enter">
                                <span>点击进入</span>
                            </div>
                        </a>
                    </li>
                    <li>
                        <div class="brand-img">
                            <img src="../img/item17.webp" alt="">
                        </div>
                        <a href="javascript:;">
                            <div class="coupon">
                                <span>优惠劵￥550</span>
                            </div>
                            <div class="enter">
                                <span>点击进入</span>
                            </div>
                        </a>
                    </li>
                    <li>
                        <div class="brand-img">
                            <img src="../img/item18.webp" alt="">
                        </div>
                        <a href="javascript:;">
                            <div class="coupon">
                                <span>优惠劵￥550</span>
                            </div>
                            <div class="enter">
                                <span>点击进入</span>
                            </div>
                        </a>
                    </li>
                    <li>
                        <div class="brand-img">
                            <img src="../img/item19.webp" alt="">
                        </div>
                        <a href="javascript:;">
                            <div class="coupon">
                                <span>优惠劵￥550</span>
                            </div>
                            <div class="enter">
                                <span>点击进入</span>
                            </div>
                        </a>
                    </li>
                    <li>
                        <div class="brand-img">
                            <img src="../img/item20.webp" alt="">
                        </div>
                        <a href="javascript:;">
                            <div class="coupon">
                                <span>优惠劵￥550</span>
                            </div>
                            <div class="enter">
                                <span>点击进入</span>
                            </div>
                        </a>
                    </li>
                    <li>
                        <div class="brand-img">
                            <img src="../img/item1.webp" alt="">
                        </div>
                        <a href="javascript:;">
                            <div class="coupon">
                                <span>优惠劵￥550</span>
                            </div>
                            <div class="enter">
                                <span>点击进入</span>
                            </div>
                        </a>
                    </li>
                    <li>
                        <div class="brand-img">
                            <img src="../img/item2.webp" alt="">
                        </div>
                        <a href="javascript:;">
                            <div class="coupon">
                                <span>优惠劵￥550</span>
                            </div>
                            <div class="enter">
                                <span>点击进入</span>
                            </div>
                        </a>
                    </li>
                    <li>
                        <div class="brand-img">
                            <img src="../img/item3.webp" alt="">
                        </div>
                        <a href="javascript:;">
                            <div class="coupon">
                                <span>优惠劵￥550</span>
                            </div>
                            <div class="enter">
                                <span>点击进入</span>
                            </div>
                        </a>
                    </li>
                    <li>
                        <div class="brand-img">
                            <img src="../img/item4.webp" alt="">
                        </div>
                        <a href="javascript:;">
                            <div class="coupon">
                                <span>优惠劵￥550</span>
                            </div>
                            <div class="enter">
                                <span>点击进入</span>
                            </div>
                        </a>
                    </li>
                    <li>
                        <div class="brand-img">
                            <img src="../img/item5.webp" alt="">
                        </div>
                        <a href="javascript:;">
                            <div class="coupon">
                                <span>优惠劵￥550</span>
                            </div>
                            <div class="enter">
                                <span>点击进入</span>
                            </div>
                        </a>
                    </li>
                    <li>
                        <div class="brand-img">
                            <img src="../img/item6.webp" alt="">
                        </div>
                        <a href="javascript:;">
                            <div class="coupon">
                                <span>优惠劵￥550</span>
                            </div>
                            <div class="enter">
                                <span>点击进入</span>
                            </div>
                        </a>
                    </li>
                    <li>
                        <div class="brand-img">
                            <img src="../img/item7.webp" alt="">
                        </div>
                        <a href="javascript:;">
                            <div class="coupon">
                                <span>优惠劵￥550</span>
                            </div>
                            <div class="enter">
                                <span>点击进入</span>
                            </div>
                        </a>
                    </li>
                    <li>
                        <div class="brand-img">
                            <img src="../img/item8.webp" alt="">
                        </div>
                        <a href="javascript:;">
                            <div class="coupon">
                                <span>优惠劵￥550</span>
                            </div>
                            <div class="enter">
                                <span>点击进入</span>
                            </div>
                        </a>
                    </li>
                    <li>
                        <div class="brand-img">
                            <img src="../img/item9.webp" alt="">
                        </div>
                        <a href="javascript:;">
                            <div class="coupon">
                                <span>优惠劵￥550</span>
                            </div>
                            <div class="enter">
                                <span>点击进入</span>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;" class="refresh-btn">
                            <i class="iconfont">&#xe80b;</i>
                            <span>换一批</span>
                        </a>
                    </li>
                </ul>
            </div>
        </div>

        <!-- tab1 天猫超市-->
        <div class="tab1 tmshop">
            <div class="containter">
                <div class="tab1-img">
                    <img src="../img/tab1-1.png" alt="">
                </div>
                <div class="tab1-content">
                    <div class="TC-left">
                        <a href="javascript:;">
                            <img src="../img/tab1-2.png" alt="">
                            <div class="detali clearfix">
                                <div class="left">
                                    <span>韩国进口</span>
                                </div>
                                <div class="right">
                                    <div>
                                        <span>天猫专享</span>
                                        <span>进口水果季</span>
                                    </div>
                                </div>
                            </div>
                            <div class="detali-wrap">
                                <img src="../img/tab1-icon1.png" alt="">
                            </div>
                        </a>
                    </div>
                    <div class="TC-middle">
                        <div class="grid two-grid">
                            <div class="floor-tabs">
                                <ul>
                                    <li>
                                        <p>量贩装</p>
                                    </li>
                                </ul>
                                <div class="tab1m-detail">
                                    <a href="javascript:;">
                                        <div class="t1-left">
                                            <div class="title-wrap">
                                                <img src="../img/tab1-icon2.png" alt="">
                                                <span>单件包邮</span>
                                            </div>
                                            <div class="title-wrap2">
                                                <span>低价享不停</span>
                                            </div>
                                        </div>
                                        <img src="../img/tab1-3.png" alt="" class="item-img">
                                    </a>
                                </div>
                            </div>
                        </div>
                        <a href="javascript:;" class="grid one-grid-price">
                            <div class="tc-item">
                                <img src="../img/tab1-4.jpg" alt="">
                                <div class="goods-name">百草味 手撕面包1kg 全麦整箱早餐饼干</div>
                                <div class="goods-pirce">￥22.9</div>
                            </div>
                        </a>
                        <a href="javascript:;" class="grid one-grid-price">
                            <div class="tc-item">
                                <img src="../img/tab1-5.jpg" alt="">
                                <div class="goods-name">Septwolves/七匹狼男士保暖内衣加绒</div>
                                <div class="goods-pirce">￥79</div>
                            </div>
                        </a>
                        <a href="javascript:;" class="grid one-grid-price">
                            <div class="tc-item">
                                <img src="../img/tab1-6.jpg" alt="">
                                <div class="goods-name">【超定制】威王8效洁厕液瓶洁厕剂送洁厕液</div>
                                <div class="goods-pirce">￥39.9</div>
                            </div>
                        </a>
                        <a href="javascript:;" class="grid one-grid-price">
                            <div class="tc-item">
                                <img src="../img/tab1-7.jpg" alt="">
                                <div class="goods-name">小熊绞肉机家用电动小型料理机多功能打</div>
                                <div class="goods-pirce">￥99</div>
                            </div>
                        </a>
                        <a href="javascript:;" class="grid one-grid-price">
                            <div class="tc-item">
                                <img src="../img/tab1-8.jpg" alt="">
                                <div class="goods-name">沃德百惠日式泡面碗带盖家用单个碗筷餐具</div>
                                <div class="goods-pirce">￥12.9</div>
                            </div>
                        </a>
                        <a href="javascript:;" class="grid one-grid-price">
                            <div class="tc-item">
                                <img src="../img/tab1-9.jpg" alt="">
                                <div class="goods-name">Free迷你巾带护翼50片mini卫生巾护垫女</div>
                                <div class="goods-pirce">￥29.9</div>
                            </div>
                        </a>

                    </div>

                </div>
            </div>
        </div>

        <!-- tab2 天猫国际-->
        <div class="tab1 tab2">
            <div class="containter">
                <div class="tab1-img">
                    <img src="../img/tab2-1.png" alt="">
                </div>
                <div class="tab1-content tab2-content">
                    <div class="TC-left">
                        <a href="javascript:;">
                            <img src="../img/tab2-2.jpg" alt="">
                            <div class="detali clearfix">
                                <div class="left">
                                    <span>进口尖货</span>
                                </div>
                                <div class="right">
                                    <div>
                                        <span>国庆狂欢季</span>
                                        <span>爆款直降</span>
                                    </div>
                                </div>
                            </div>
                            <div class="detali-wrap">
                                <img src="../img/tab1-icon1.png" alt="">
                            </div>
                        </a>
                        <a href="javascript:;">
                            <img src="../img/tab2-7.jpg" alt="">
                            <div class="detali clearfix">
                                <div class="left">
                                    <span>进口品质</span>
                                </div>
                                <div class="right">
                                    <div>
                                        <span>直营精选</span>
                                        <span>一触即达</span>
                                    </div>
                                </div>
                            </div>
                            <div class="detali-wrap">
                                <img src="../img/tab1-icon1.png" alt="">
                            </div>
                        </a>
                    </div>
                    <div class="TC-middle">
                        <a href="javascript:;" class="grid one-grid-price">
                            <div class="tc-item">
                                <div class="hot-cake">爆款不只5折</div>
                                <div class="jingkou">进口美妆</div>
                                <img src="../img/tab2-3.jpg" alt="">
                            </div>
                        </a>
                        <a href="javascript:;" class="grid one-grid-price">
                            <div class="tc-item">
                                <img src="../img/tab2-4.jpg" alt="">
                                <div class="goods-name">百草味 手撕面包1kg 全麦整箱早餐饼干</div>
                                <div class="goods-pirce">￥22.9</div>
                            </div>
                        </a>
                        <a href="javascript:;" class="grid one-grid-price">
                            <div class="tc-item">
                                <img src="../img/tab2-5.jpg" alt="">
                                <div class="goods-name">百草味 手撕面包1kg 全麦整箱早餐饼干</div>
                                <div class="goods-pirce">￥22.9</div>
                            </div>
                        </a>
                        <a href="javascript:;" class="grid one-grid-price">
                            <div class="tc-item">
                                <img src="../img/tab2-6.jpg" alt="">
                                <div class="goods-name">Septwolves/七匹狼男士保暖内衣加绒</div>
                                <div class="goods-pirce">￥79</div>
                            </div>
                        </a>
                        <a href="javascript:;" class="grid one-grid-price">
                            <div class="tc-item">
                                <img src="../img/tab2-8.jpg" alt="">
                                <div class="goods-name">【超定制】威王8效洁厕液瓶洁厕剂送洁厕液</div>
                                <div class="goods-pirce">￥39.9</div>
                            </div>
                        </a>
                        <a href="javascript:;" class="grid one-grid-price">
                            <div class="tc-item">
                                <img src="../img/tab2-9.jpg" alt="">
                                <div class="goods-name">小熊绞肉机家用电动小型料理机多功能打</div>
                                <div class="goods-pirce">￥99</div>
                            </div>
                        </a>
                        <a href="javascript:;" class="grid one-grid-price">
                            <div class="tc-item">
                                <img src="../img/tab2-10.jpg" alt="">
                                <div class="goods-name">沃德百惠日式泡面碗带盖家用单个碗筷餐具</div>
                                <div class="goods-pirce">￥12.9</div>
                            </div>
                        </a>
                        <a href="javascript:;" class="grid one-grid-price">
                            <div class="tc-item">
                                <img src="../img/tab2-11.jpg" alt="">
                                <div class="goods-name">Free迷你巾带护翼50片mini卫生巾护垫女</div>
                                <div class="goods-pirce">￥29.9</div>
                            </div>
                        </a>

                    </div>

                </div>
            </div>
        </div>

        <!-- 广告 -->
        <div class="m-adv">
            <div class="containter">
                <a href="javascript:;">
                    <img src="../img/TB1.jpg" alt="">
                </a>
            </div>
        </div>

        <!-- tab3  美丽人生-->
        <div class="tab1 tab3">
            <div class="containter">
                <div class="tab3-title">
                    <i></i>
                    <div>
                        美丽人生
                        <span>FASHION & BEAUTY</span>
                    </div>
                </div>
                <div class="tab1-content">
                    <div class="TC-left">
                        <a href="javascript:;">
                            <img src="../img/tab3-1.png" alt="">
                            <div class="detali-wrap">
                                <img src="../img/tab1-icon1.png" alt="">
                            </div>
                        </a>
                    </div>
                    <div class="TC-middle">

                    </div>
                </div>
            </div>
        </div>

    </div>

    <!-- footer -->
    <div class="footer">
        <!-- end -->
        <div class="f-end">
            <img src="../img/footer-end.png" alt="">
        </div>
        <div class="f-con">
            <div class="fc-ensure">
                <a href="javascript:;"></a>
                <a href="javascript:;"></a>
                <a href="javascript:;"></a>
                <a href="javascript:;"></a>
            </div>
            <div class="fc-desc">
                <dl>
                    <dt>购物指南</dt>
                    <dd>
                        <a href="javascript:;">免费注册</a>
                    </dd>
                    <dd>
                        <a href="javascript:;">开通支付宝</a>
                    </dd>
                    <dd>
                        <a href="javascript:;">支付宝充值</a>
                    </dd>
                </dl>
                <dl>
                    <dt>天猫保障</dt>
                    <dd>
                        <a href="javascript:;">发票保障</a>
                    </dd>
                    <dd>
                        <a href="javascript:;">售后规则</a>
                    </dd>
                    <dd>
                        <a href="javascript:;">缺货赔付</a>
                    </dd>
                </dl>
                <dl>
                    <dt>支付方式</dt>
                    <dd>
                        <a href="javascript:;">快捷支付</a>
                    </dd>
                    <dd>
                        <a href="javascript:;">信用卡</a>
                    </dd>
                    <dd>
                        <a href="javascript:;">余额宝</a>
                    </dd>
                    <dd>
                        <a href="javascript:;">蚂蚁花呗</a>
                    </dd>
                    <dd>
                        <a href="javascript:;">货到付款</a>
                    </dd>
                </dl>
                <dl>
                    <dt>商家服务</dt>
                    <dd>
                        <a href="javascript:;">天猫规则</a>
                    </dd>
                    <dd>
                        <a href="javascript:;">商家入驻</a>
                    </dd>
                    <dd>
                        <a href="javascript:;">商家中心</a>
                    </dd>
                    <dd>
                        <a href="javascript:;">天猫智库</a>
                    </dd>
                    <dd>
                        <a href="javascript:;">物流服务</a>
                    </dd>
                    <dd>
                        <a href="javascript:;">喵言喵语</a>
                    </dd>
                    <dd>
                        <a href="javascript:;">运营服务</a>
                    </dd>
                </dl>
                <dl>
                    <dt>手机天猫</dt>
                    <dd>
                        <a href="javascript:;" class="f-qrcode">
                            <img src="../img/footer-qrcode.png" alt="">
                        </a>
                    </dd>
                </dl>
            </div>
            <div class="fc-copyright">
                <p class="line1">
                    <a href="javascript:;">关于天猫</a>
                    <a href="javascript:;">商家服务大厅</a>
                    <a href="javascript:;">开放平台</a>
                    <a href="javascript:;">诚聘英才</a>
                    <a href="javascript:;">联系我们</a>
                    <a href="javascript:;">网站合作</a>
                    <a href="javascript:;">法律声明</a>
                    <a href="javascript:;">隐私权政策</a>
                    <a href="javascript:;">知识产权</a>
                    <a href="javascript:;">廉正举报 </a>
                    <a href="javascript:;">规则意见征集</a>
                    <a href="javascript:;">不当竞争举报</a>
                </p>
                <p class="line2">
                    <a href="javascript:;">阿里巴巴集团</a>|
                    <a href="javascript:;">淘宝网</a>|
                    <a href="javascript:;">天猫</a>|
                    <a href="javascript:;">聚划算</a>|
                    <a href="javascript:;">全球速卖通</a>|
                    <a href="javascript:;">阿里巴巴国际交易市场</a>|
                    <a href="javascript:;">1688</a>|
                    <a href="javascript:;">阿里妈妈</a>|
                    <a href="javascript:;">飞猪</a>|
                    <a href="javascript:;">阿里云计算</a>|
                    <a href="javascript:;">AliOS</a>|
                    <a href="javascript:;">阿里通信</a>|
                    <a href="javascript:;">万网</a>|
                    <a href="javascript:;">高德</a>|
                    <a href="javascript:;">UC</a>|
                    <a href="javascript:;">友盟</a>|
                    <a href="javascript:;">虾米</a>|
                    <a href="javascript:;">钉钉</a>|
                    <a href="javascript:;">支付宝</a>|
                    <a href="javascript:;">阿里安全</a>
                </p>
                <div class="line3">
                    <a href="javascript:;">增值电信业务经营许可证：浙B2-20110446</a>
                    <span style="margin-right:65px;">市场名称登记证：工商网市字3301004119号</span>
                    <span>出版物网络交易平台服务经营备案证： 新出发浙备字第2019002号</span>
                    <br>
                    <span style="margin-right:65px;">互联网违法和不良信息举报电话：0571-81683755 blxxjb@alibaba-inc.com</span>
                    互联网药品信息服务资质证书编号：
                    <a href="javascript:;">浙-（经营性）-2017-0005</a>
                    <a href="javascript:;">
                        <img src="../img/footer-icon1.png" alt=""> 浙公网安备 33010002000120号
                    </a>
                    <br>
                    <span style="margin-right:65px;">医疗器械网络交易服务第三方平台备案：（浙）网械平台备字[2018]第00002号</span>
                    <br>
                    <span style="margin-right:65px;">浙江省网络食品销售第三方平台提供者备案：浙网食A33010002</span>
                    <a href="javascript:;">12318举报</a>
                    <a href="javascript:;">浙B2-20110446-1</a>
                    <b>© 2003-现在 TMALL.COM 版权所有</b>
                    <p class="line3-p-img" style="padding-top:10px;">
                        <a href="javascript:;" style="margin-right:10px;">
                            <img src="../img/footer-icon2.gif" alt="" style="width: 30px;height: 30px;">
                        </a>
                        <a href="javascript:;">
                            <img src="../img/footer-icon3.jpg" alt="">
                        </a>
                    </p>
                </div>
            </div>
            <div class="server-num">wormholesource011020245205.center.na61.production</div>

        </div>
    </div>

    <!-- 侧边导航 -->
    <div class="side-nav">
        <a href="#">导航</a>
        <a href="#" class="color-type-green" data-title="tmshop">
            <div>天猫超市</div>
        </a>
        <a href="#" class="color-type-red" data-title="tab2">
            <div>天猫国际</div>
        </a>
        <a href="#" class="color-type-cyan" data-title="tab3">
            <div>美丽人生</div>
        </a>
        <a href="#" data-title="header">
            <div>
                <i class="iconfont">&#xe65d;</i>顶部
            </div>
        </a>
    </div>

</body>

</html>